<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p.spread {word-spacing: 20px;}
p.tight {word-spacing: -0.5em;}
h1 {text-transform: uppercase}
h4 {letter-spacing: 20px}
/*a {text-decoration: none;}*/
a:link a:visited {text-decoration: underline overline;}

/*p {white-space: pre-line;}*/
/*p {white-space: pre;}*/
p {white-space: pre-wrap;}

		</style>
	</head>
	<body>
		<h1>This is header 1</h1><br>
<h4>This is header 4</h4>
		<p class="spread">
This is a paragraph. The spaces between words will be increased.
</p>

<p class="tight"><a href="#">
This is a paragraph. The spaces between words will be decreased.</a>
</p>
<p>This     paragraph has    many
    spaces           in it.</p>
	</body>
</html>
